.iconfont{
    color:#fff;
}
.page{
    min-width: 3.75rem;
    width: 7.5rem;
    /* height: 100vh; */
    margin: 0 auto;
    position: relative;
    
}
 .header{
     width: 7.5rem;
     height: 0.88rem;
     line-height: 0.88rem;
     background-color: #FF6040;
     display: flex;
     color:#fff;
     align-items: center;
     position: relative;
     /* text-align: center; */
     /* padding: 0 0.1rem; */    
 }
 .hico{
    font-size: 0.45rem;
    /* margin-left: 0.2rem; */
    /* flex: 1; */
    /* text-align: left; */
    position: absolute;
    left:0.2rem ;
 }
 .header .title{
     /* color: */
     font-size: 0.34rem;
     flex: 1;
     /* margin: 0 auto; */
     text-align: center;
 }
 .header .hr{
     /* display: inline-block; */
     width: 1.74rem;
     /* flex: 1; */
     position: absolute;
     right:0.12rem;
     height: 0.64rem;
     border: 0.005rem solid rgba(255,255,255,.25);
     border-radius: 0.32rem;
     /* margin-right: 0.1rem; */
     /* flex: 1; */
 }
 .nav{
     /* width: 100vw; */
     height: 1.6rem;
     background-image:linear-gradient(to bottom,#FF6040,#FF8A80);
     overflow: hidden;
    
     
 }
 .nav .ntop{
     height: 0.84rem;
     display: flex;
     align-items: center;
     padding: 0 0.2rem;
     /* position: relative; */
     /* background-color: teal; */
     /* justify-content: space-between; */
 }
 .nico{ 
    font-size: 0.46rem;
}
.nav .ntop img{
    /* display: inline-block; */
    width: 1.82rem;
    height: 0.48rem;
    margin-left:0.26rem;

}

 .nav .ntop .inner{
      width: 3.2rem;
      padding-left: 0.2rem;
      height: 0.64rem;
      line-height: 0.64rem;
      background-color: #fff;;
      display: flex;
      margin-left: 0.4rem;
      border-radius: 3px;
 }
 .nico2{
     font-size: 0.4rem;
     color:#999999;
     /* margin-left: 0.2rem; */
 }
 
 

  .nav .ntop  .inner .input{
     width: 2rem;
     height: 0.64rem;
     line-height: 0.64rem;
     outline: none;
     border: none;
     margin-left: 0.1rem;
     color:#999;
     font-size: 0.28rem;
 }
 .nav .ntop  .inner .input::-webkit-input-placeholder{
     color:#999;
     font-size: 0.28rem;
     /* line-height: 0.64rem; */
 }
 .nav .ntop .nico1{
     font-size: 0.4rem;
     margin-left:0.36rem;
     display:inline-block;
 }
 .navbt{
     height: 0.64rem;
     display: flex;
     /* background-color: teal; */
     margin-top:0.12rem;

 }
 .navbt .active{
     font-size: 0.31rem;
     font-weight: 700;
 }
 .navbt .inner1{
     width: 0.4rem;
     height: 0.04rem;
     background-color: #fff;
     border-radius: 0.01rem;
     margin: 0 auto;

 }
.navbt ul{
    display: flex;
    color:#fff;
    font-size: 0.26rem;
    align-items: baseline;
    flex: 1;
   
    /* margin-left:0.1rem; */
}
.navbt ul li{
    flex:1;
    text-align: center;
    padding-left: 0.02rem;
    line-height: 0.6rem;
}

.navbt .nbr>span{
  vertical-align: bottom;
  font-size: 0.35rem;
}
.navbt .nbr{
    width: 1.25rem;
    height: 0.64rem;
    line-height: 0.64rem;
    color:#fff;
    font-size: 0.26rem;
    box-shadow: -5px 0px 6px -5px #E63D2E;
    padding-left: 0.05rem;
}

/* 热点样式 */
.banner{
  width: 6.7rem;
  margin: 0 auto;
  margin-top:0.24rem;
 
}
.banner>.images{
    width: 6.7rem;
    border-radius: 0.1rem;
    height: 3.9rem;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}
.images .my-swipe .van-swipe-item>img{
    width: 6.7rem;
    height: 3.9rem;
    display: block;
}
.my-swipe .van-swipe-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner .hot{
    height: 0.94rem;
    margin: 0.7rem 0 0.42rem 0;
}
.banner .hot ul{
    display: flex;
   justify-content: space-between;
}
.banner .hot ul li{
    width: 0.96rem;
    height: 0.94rem;
    /* background-color: pink; */
    
}
.banner .hot ul li>img{
    display: block;
    width: 0.64rem;
    margin: 0 auto;
}
.banner .hot ul li>p{
    font-size: 0.24rem;
    width: 0.96rem;
    /* -webkit-transform-origin-x: 0; */
    transform: scale(0.90);
    -webkit-transform: scale(0.9);
    text-align: center; 
}
/* 主体样式 */
.main{
    width: 7.1rem;
    background-color: rgb(242, 242, 242);
    display: flex;
    padding: 0.2rem;
}
.main .mleft{
    width: 3.14rem;
    height: 3.1rem;
    padding: 0.2rem 0.16rem 0.2rem  0.2rem ;
    background: url("../img/pic/plate/index/kingkong/big.png") no-repeat ;
    /* background-color: teal; */
    background-size: 3.5rem 3.5rem;
}
.main .mleft .mlt{
    display: flex;
    justify-content: space-between;
    height: 0.32rem;
    line-height: 0.32rem;
    /* background-color: teal; */
}
.main .mleft .mlt h2{
    color:#85A642;
    font-size: 0.32rem;
    font-weight: 700;
}
.main .mleft .mlt a{
    color:#333;
    font-size: 0.24rem;
    text-align: right;
    transform: scale(0.9);
}
.main .mleft .mlt a>span{
    font-size: 0.24rem;
    color:#333;  
}
.main .mleft .mlp{
    color:#B1CC7A;
    /* background-color: pink; */
    font-size:0.24rem;
    -webkit-transform-origin-x:0;
    transform: scale(0.9);
    margin-top:0.2rem;
    /* text-align: left;     */
}
.main .mleft .mltime ul{
  display: flex;
  margin-top:0.1rem;
}
.main .mleft .mltime ul li:nth-child(odd){
    width: 0.32rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background-color:#85A642;
    color:#fff;
    font-size: 0.28rem;
    text-align: center;
}
.main .mleft .mltime ul li:nth-child(even){
    color:#85A642;
    margin: 0 0.05rem 0 0.05rem;
}
.main .mright{
   margin-left: 0.1rem;
}
.main .mright .mrtop{
    width: 3.1rem;
    height: 1.3rem;
    padding: 0.2rem;
    background: url("../img/pic/plate/index/kingkong/small.png") no-repeat ;  
    background-size: 3.5rem 1.7rem;
}
.main .mright .mrtop h2{
    color:#FF6040;
    font-size: 0.32rem;
    font-weight: 700;
}
.main .mright .mrtop p{
     color:#FF9580;
     margin-top:0.1rem;
    
}
.main .mright .mrtop p>span{
    font-size:0.24rem;
    -webkit-transform-origin-x:0;
    transform: scale(0.9);
  
}
.main .mright .mrtop .mrtb{
    width: 1.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0 0.2rem 0.2rem 0;
    background-image: linear-gradient(to bottom,#FF6040,#FF9F80 );
    margin-top: 0.08rem;
   
   
}
.main .mright .mrtop .mrtb .mrtbs,.mrspan{
     color:#fff;
    font-size:0.24rem;
     -webkit-transform-origin-x:0;
     transform: scale(0.9);
}
.main .mright .mrbtm{
    margin-top: 0.1rem;
    background: url("../img/pic/plate/index/kingkong/02.png") no-repeat ;
    background-size: 3.5rem 1.7rem;
}
.main .mright .mrbtm .mrtb{
   background-image: linear-gradient(to bottom,#AF40FF,#F58CFF);

  
   
}
.main .mright .mrbtm h2{
 color:#AF40FF;
}
.main .mright .mrbtm p>span{
    color:#CA80FF;
}
.footer{
    width: 7.5rem;
    /* padding: 0 0.2rem; */
}


